<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="./bootstrap-3.4.1-dist/css/bootstrap-theme.min.css"/>

</head>
<body>

<div class="<div class="container-fluid">

   <div class="btn-group" role="group">
    <a class="btn btn-default">左</a>
    <a class="btn btn-primary">中</a>
    <a class="btn btn-success">右</a>
   
    
   </div>
   <div class="btn-group-vertical">
    <button type="button" class="btn btn-info" aria-label="左对齐">
        <span class="glyphicon glyphicon-align-left" aria-hidden="true"></span>
    </button>
    <button type="button" class="btn btn-info" aria-label="剧中对齐">
        <span class="glyphicon glyphicon-align-center" aria-hidden="true"></span>
    </button>
    <button type="button" class="btn btn-info" aria-label="剧中对齐">
        <span class="glyphicon glyphicon-align-right" aria-hidden="true"></span>
    </button>
   </div>
</div>
<br/>
<br/>
<div class="<div class="container-fluid">

   <div class="btn-toolbar">
    <!--第一个按钮组-->
    <div class="btn-group" role="group">
            <button type="button" class="btn btn-info" aria-label="左对齐">
                <span class="glyphicon glyphicon-align-left" aria-hidden="false"></span>
            </button>
            <button type="button" class="btn btn-info" aria-label="剧中对齐">
                <span class="glyphicon glyphicon-align-center" aria-hidden="false"></span>
            </button>
            <button type="button" class="btn btn-info" aria-label="剧中对齐">
                <span class="glyphicon glyphicon-align-right" aria-hidden="false"></span>
            </button>
         
        </div>
    
        <!--第二个按钮组-->
        <div class="btn-group" >
         <button type="button" class="btn btn-info" aria-label="字体">
             <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
         </button>
         <button type="button" class="btn btn-info" aria-label="加粗">
             <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
         </button>
         <button type="button" class="btn btn-info" aria-label="斜体">
             <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
         </button>
        </div>
   </div>
 </div>
 <br/>
<br/>
<div class="btn-group btn-group-lg" >
    <button type="button" class="btn btn-info" aria-label="字体">
        <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
    </button>
    <button type="button" class="btn btn-info" aria-label="加粗">
        <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
    </button>
    <button type="button" class="btn btn-info" aria-label="斜体">
        <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
    </button>
</div>
<div class="btn-group btn-group-sm" >
    <button type="button" class="btn btn-info" aria-label="字体">
        <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
    </button>
    <button type="button" class="btn btn-info" aria-label="加粗">
        <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
    </button>
    <button type="button" class="btn btn-info" aria-label="斜体">
        <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
    </button>
</div>
<div class="btn-group btn-group-xs" >
        <button type="button" class="btn btn-info" aria-label="字体">
            <span class="glyphicon glyphicon-font" aria-hidden="true"></span>
        </button>
        <button type="button" class="btn btn-info" aria-label="加粗">
            <span class="glyphicon glyphicon-bold" aria-hidden="true"></span>
        </button>
        <button type="button" class="btn btn-info" aria-label="斜体">
            <span class="glyphicon glyphicon-italic" aria-hidden="true"></span>
        </button>
    </div>
<script type="text/javascript" src="./bootstrap-3.4.1-dist/js/bootstrap.min.js"></script>
</body>
</html>